html, body {
    height: 100%;
}
ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.lt-layout {
    position: relative;
    max-width: 640px;
    min-width: 320px;
    margin:0 auto;
    padding: 45px 0 50px 0;
    height: 100%;
    background: #fff;
    overflow: hidden;
}
.lt-header {
    position: absolute;
    left: 0;
    top: 0;
    height: 45px;
    width: 100%;
    background-color: #069;
    padding: 0 45px;
    h4 {
        height: 45px;
        line-height: 45px;
        // background-color: yellow;
        color: #fff;     
        margin: 0; 
        font-weight: normal;
    }
    a {
        position: absolute;
        left: 0;
        top: 0;
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 50px;
        color: #fff;        
       
    }
    .mui-icon{
        font-size: 30px;       
    }
    .search {
        left: auto;
        right: 0;
    }
}

.lt-main {
    height: 100%;
    width: 100%;   
    position: relative;
    .lt-nav {
        padding: 10px;
        li {
            float: left;
            width: 33.33%;
            img {
                display: block;
                width: 100%;
            }
        }
    }
    // 商品
    .lt-product {
        padding: 10px;
        .item {
            float: left;
            width: 48%;
            border: 1px solid #ccc;
            border-radius: 5px;
            text-align: center;
            padding: 10px;
            margin-bottom: 10px;
            img {
                width: 100%;
            }
            .price {
                font-size: 14px;
                margin-bottom: 20px;
                span:first-child{
                    color: red;
                }
                span:last-child{
                    color: #ccc;
                    text-decoration: line-through;
                }
            }
        }
        .item:nth-child(even) {
            float: right;
        }
    }
}

.lt-footer {
    position: absolute;
    left:0;
    bottom: 0;
    height: 50px;
    width: 100%;
    background: #069;
    ul {
        li {
            padding: 5px;
            float: left;
            width: 25%;
            text-align: center;
            // line-height: 50px;
            color: #fff;
            p,span {
                color: #fff;
            }
        }
        .current {
            p, span {
                color: orange;
            }
        }
    }
}